*{ margin:0; padding:0;}
html,body{ width:100%; height:100%;}
body{ background:#fff; font-family:'Microsoft Yahei', Arial; overflow-x:hidden;}
.width{ width:1200px; margin:0 auto;}
.clear{ clear:both;}
a{ text-decoration:none; -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
img{ border:0; max-width:100%;}
.imgs{ position:absolute; left:0; top:0; width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
li{ list-style-type:none;}
.justify{ text-justify:inter-ideograph; text-align:justify; font-size:0;}
.justify:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
/*1200*/
@media (max-width:1279px){
.width{ width:1110px;}
}
/*992*/
@media (max-width:1199px){
.width{ width:900px;}
}
/*m*/
@media (max-width:991px){
.width{ width:94%;}
}

.top{ height:120px;}
.logo{ float:left; margin-top:15px;}
.logo img{ height:90px;}
.nav{ float:right;}
.nav a{ float:left; display:block; line-height:120px; font-size:16px; color:#333; margin-left:35px;}
.nav a:hover{ color:#e21916;}
.nav a:nth-child(1){ margin-left:0;}
.cur{ color:#e21916 !important;}
.nav3{ display:none;}
/*1200*/
@media (max-width:1279px){
.nav a{ margin-left:30px;}
}
/*992*/
@media (max-width:1199px){
.logo{ width:30%; text-align:center; margin-left:35%;}
.nav{ width:100%; text-align:center;}
.nav a{ float:none; display:inline-block; line-height:100px;}
}
/*m*/
@media (max-width:991px){
.top{ height:16vw;}
.logo{ width:auto; text-align:left; margin-left:0; margin-top:2vw;}
.logo img{ height:12vw;}
.nav{ display:none;}
.nav3{ display:block; position:relative; width:100vw; margin-left:-3vw; z-index:99999;}
#nav3_a{ position:absolute; right:3vw; display:block; width:7vw; height:7vw; margin:4.5vw 0; background:url(../img/menu_btn.png) center no-repeat; background-size:contain; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/menu_btn.png', sizingMethod='scale'); -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.nav3 a{ display:block; color:#333;}
.nav3 .cur{ background:#b3b3b3; color:#fff;}
.nav3 > ul > li > ul{ position:absolute; z-index:2; width:100%; top:16vw; display:none; background:#fff; line-height:2em; font-size:4vw; text-align:center; padding:0.5em 0;}
.nav3 > ul > li > ul > li{ border-bottom:1px solid #fff;}
.nav3 > ul > li > ul > li:last-child{ border-bottom:none;}
.nav3 > ul > li > ul > li > a{ position:relative;}
.nav3 > ul > li > ul > li > a img{ position:absolute; top:50%; height:1vw; margin-top:-0.5vw; margin-left:1vw;}
.nav3 > ul > li > ul > li:nth-last-child(1) > ul{ padding-bottom:0;}
.nav3 > ul > li > ul > li > ul{ padding-bottom:0.5em; display:none;}
.nav3 > ul > li > ul > li > ul li{ margin-top:1px;}
.nav3 > ul > li > ul > li > ul a{ font-size:3.5vw; color:#999;}
.nav3 > ul > li > ul > li > ul a:hover{ background:#e21916; color:#fff;}
.cur3 > a{ color:#e21916 !important;}
.cur31 a{ background:#e21916; color:#fff !important;}
}

.flexslider{position:relative; width:100%; height:820px; overflow:hidden;}
.flexslider .slides{position:relative;z-index:1; width:100%; height:100%;}
.flexslider .slides li{ width:100%; height:100%;}
.flexslider .flex-control-nav{position:absolute;bottom:3%;z-index:5;width:100%;text-align:center;}
.flexslider .flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0 5px;*display:inline;zoom:1;}
.flexslider .flex-control-nav a{display:inline-block;width:8px;height:8px;overflow:hidden;cursor:pointer; font-size:0; background:#fff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.flexslider .flex-control-nav a:hover{ background:#e21916;}
.flexslider .flex-control-nav .flex-active{ background:#e21916;}
.flexslider .flex-direction-nav{position:absolute;z-index:3;width:100%; height:100%;top:0;}
.flexslider .flex-direction-nav li a{display:block;width:15%; height:100%; overflow:hidden;cursor:pointer;position:absolute; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; -moz-transition:.5s ease; -ms-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.flexslider .flex-direction-nav li a.flex-prev{left:0;background:url(../img/prev.png) 40% 50% no-repeat; background-size:50px;}
.flexslider .flex-direction-nav li a.flex-next{right:0;background:url(../img/next.png) 60% 50% no-repeat; background-size:50px;}
.flexslider .flex-direction-nav li a:hover{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1;}
.flexslider .flex-direction-nav li a.flex-prev:hover{ background-position:30% 50%;}
.flexslider .flex-direction-nav li a.flex-next:hover{ background-position:70% 50%;}
/*1200*/
@media (max-width:1279px){
.flexslider{ height:550px;}
}
/*992*/
@media (max-width:1199px){
.flexslider{ height:450px;}
}
/*m*/
@media (max-width:991px){
.flexslider{ height:46vw;}
.flexslider .flex-control-nav li{ width:5px; height:5px;}
.flexslider .flex-control-nav li a{ width:5px; height:5px;}
.flexslider .flex-direction-nav li a.flex-prev{ background-size:10vw;}
.flexslider .flex-direction-nav li a.flex-next{ background-size:10vw;}
}

.about{ padding:60px 0; background:url(../img/about_bg.jpg) center no-repeat; background-size:cover;}
.about_pic{ float:left; position:relative; width:600px; height:400px;}
.about video{ float:left; width:600px; height:345px; outline:none;}
.about_p{ float:right; width:550px; line-height:345px;}
.about_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.title1{ font-size:36px; color:#ddd; font-family:Arial;}
.title2{ font-size:30px; color:#e21916; margin-bottom:40px;}
.about .title2{ margin-bottom:0;}
.about_t3{ font-size:15px; color:#666; line-height:2em; padding-top:2em;}
.about_t3 a{ color:#666;}
.about_t3 a:hover{ color:#e21916;}
/*1200*/
@media (max-width:1279px){
.about video{ width:556px; height:320px;}
.about_p{ width:524px; line-height:320px;}
}
/*992*/
@media (max-width:1199px){
.about video{ width:450px; height:320px;}
.about_p{ width:420px; line-height:320px;}
}
/*m*/
@media (max-width:991px){
.about{ padding:5vw 0;}
.about video{ width:100%; height:54vw;}
.about_p{ width:100%; line-height:normal; padding-top:3vw;}
.title1{ font-size:5vw;}
.title2{ font-size:5vw; margin-bottom:3vw;}
.about_t3{ font-size:3vw; padding-top:2vw;}
}

.product{ padding:60px 0; background:url(../img/product_bg.jpg) center no-repeat; background-size:cover;}
.pro1_bg{}
.pro1{ float:left; display:block; width:360px; background:#9b110f; color:#fff; margin-right:60px;}
.pro1:nth-child(3n){ margin-right:0;}
.pro1:hover{ background:#e21916;}
.pro1_pic{ position:relative; width:358px; height:358px; border:1px solid #fff;}
.pro1 p{ text-align:center; line-height:60px; font-size:18px;}
.pro2_bg .pro1{ background:none; color:#666; margin-top:30px;}
.pro2_bg .pro1:nth-child(1),.pro2_bg .pro1:nth-child(2),.pro2_bg .pro1:nth-child(3){ margin-top:0;}
.pro2_bg .pro1:hover{ color:#e21916;}
.pro2_bg .pro1:hover .pro1_pic{ border-color:#e21916;}
.pro2_bg .pro1_pic{ border-color:#ddd; -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.pro2_bg p{ line-height:normal; font-size:17px; padding-top:10px;}
/*1200*/
@media (max-width:1279px){
.pro1{ width:350px; margin-right:30px;}
.pro1_pic{ width:348px; height:348px;}
}
/*992*/
@media (max-width:1199px){
.pro1{ width:280px;}
.pro1_pic{ width:278px; height:278px;}
}
/*m*/
@media (max-width:991px){
.product{ padding:5vw 0;}
.pro1_pic{ width:-moz-calc(94vw - 2px); width:-ms-calc(94vw - 2px); width:-webkit-calc(94vw - 2px); width:calc(94vw - 2px); background-size:contain !important; background-color:#fff !important;}
.pro1 p{ line-height:10vw; font-size:3vw;}
.pro1_bg .pro1{ width:100%; margin-top:3vw;}
.pro1_bg .pro1:nth-child(1){ margin-top:0;}
.pro1_bg .pro1_pic{ height:60vw;}
.pro2_bg .pro1{ width:46vw; margin-right:2vw; margin-top:3vw;}
.pro2_bg .pro1:nth-child(2n){ margin-right:0;}
.pro2_bg .pro1:nth-child(1),.pro2_bg .pro1:nth-child(2){ margin-top:0;}
.pro2_bg .pro1:nth-child(3){ margin-top:3vw;}
.pro2_bg .pro1_pic{ width:-moz-calc(46vw - 2px); width:-ms-calc(46vw - 2px); width:-webkit-calc(46vw - 2px); width:calc(46vw - 2px); height:-moz-calc(46vw - 2px); height:-ms-calc(46vw - 2px); height:-webkit-calc(46vw - 2px); height:calc(46vw - 2px);}
.pro2_bg p{ line-height:normal; font-size:3.25vw; padding-top:1.2vw;}
}

.advan{ padding:60px 0; background:url(../img/advan_bg.jpg) center no-repeat; background-size:cover;}
.title0{ text-align:center;}
.a1_bg{}
.a1{ float:left; width:600px;}
.a1_pic{ float:left; position:relative; width:300px; height:260px;}
.a1_pic::after{ content:''; position:absolute; width:30px; height:30px; background:#fff; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); right:0; top:50%; margin-top:-15px; margin-right:-15px;}
.a1_p{ float:right; position:relative; z-index:2; width:240px; height:260px; line-height:260px; background:#fff; padding:0 30px;}
.a1_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.a1_t1{ text-align:center; font-size:24px; color:#333;}
.a1_t2{ font-size:15px; color:#666; line-height:2em; padding-top:1em;}
.a1_t2 a{ color:#666;}
.a1_t2 a:hover{ color:#e21916;}
.a1:nth-child(3) .a1_pic,.a1:nth-child(4) .a1_pic{ float:right;}
.a1:nth-child(3) .a1_p,.a1:nth-child(4) .a1_p{ float:left;}
.a1:nth-child(3) .a1_pic::after,.a1:nth-child(4) .a1_pic::after{ right:auto; left:0; margin-right:0; margin-left:-15px;}
/*1200*/
@media (max-width:1279px){
.a1{ width:555px;}
.a1_pic{ width:277.5px;}
.a1_p{ width:217.5px;}
}
/*992*/
@media (max-width:1199px){
.a1{ width:450px;}
.a1_pic{ width:225px;}
.a1_p{ width:185px; padding:0 20px;}
}
/*m*/
@media (max-width:991px){
.advan{ padding:5vw 0;}
.a1{ width:100%;}
.a1_pic{ width:47vw; height:42vw;}
.a1_pic::after{ width:4vw; height:4vw; margin-top:-2vw; margin-right:-2vw;}
.a1_p{ width:41vw; height:42vw; line-height:42vw; padding:0 3vw;}
.a1_t1{ font-size:3.5vw;}
.a1_t2{ font-size:3vw; padding-top:1vw;}
.a1:nth-child(3) .a1_pic,.a1:nth-child(4) .a1_pic{ float:none;}
.a1:nth-child(3) .a1_p,.a1:nth-child(4) .a1_p{ float:none;}
.a1:nth-child(3) .a1_pic::after,.a1:nth-child(4) .a1_pic::after{ right:auto; left:auto; margin-right:0; margin-left:0;}
.a1:nth-child(2n) .a1_pic{ float:right;}
.a1:nth-child(2n) .a1_p{ float:left;}
.a1:nth-child(2n) .a1_pic::after{ right:auto; left:0; margin-right:0; margin-left:-2vw;}
.a1:nth-child(2n-1) .a1_pic{ float:left;}
.a1:nth-child(2n-1) .a1_p{ float:right;}
.a1:nth-child(2n-1) .a1_pic::after{ left:auto; right:0; margin-left:0; margin-right:-2vw;}
}

.honor{ padding:60px 0; background:url(../img/about_bg.jpg) center no-repeat; background-size:cover;}
.hon1_bg{}
.hon1{ float:left; width:278px; border:1px solid #ddd; margin-right:26.5px;}
.hon1:nth-child(4n){ margin-right:0;}
.hon1_pic{ position:relative; width:100%; height:218px;}
.hon2_bg{}
.hon2_bg .hon1{ margin-top:26.5px;}
.hon2_bg .hon1:nth-child(1),.hon2_bg .hon1:nth-child(2),.hon2_bg .hon1:nth-child(3),.hon2_bg .hon1:nth-child(4){ margin-top:0;}
.more{ display:block; width:119px; height:52px; line-height:52px; text-align:center; font-size:15px; color:#9b110f; background:url(../img/more.png) center no-repeat; background-size:contain; margin:40px auto 0;}
.more:hover{ color:#e21916;}
/*1200*/
@media (max-width:1279px){
.hon1{ width:256px; margin-right:26px;}
.hon1_pic{ height:201px;}
.hon2_bg .hon1{ margin-top:26px;}
}
/*992*/
@media (max-width:1199px){
.hon1{ width:203.5px;}
.hon1_pic{ height:159px;}
}
/*m*/
@media (max-width:991px){
.honor{ padding:5vw 0;}
.hon1{ width:-moz-calc(46vw - 2px); width:-ms-calc(46vw - 2px); width:-webkit-calc(46vw - 2px); width:calc(46vw - 2px); margin-right:2vw; margin-top:2vw;}
.hon1:nth-child(2n){ margin-right:0;}
.hon1:nth-child(1),.hon1:nth-child(2){ margin-top:0;}
.hon1_pic{ height:36vw;}
.hon2_bg .hon1{ margin-top:2vw;}
.hon2_bg .hon1:nth-child(3),.hon2_bg .hon1:nth-child(4){ margin-top:2vw;}
.more{ width:30vw; height:9vw; line-height:9vw; font-size:3vw; margin:3vw auto 0;}
}

.news{ padding:60px 0; background:url(../img/news_bg.jpg) center no-repeat; background-size:cover;}
.news1_bg{}
.news1{ background:#fff; margin-top:10px;}
.news1:nth-child(1){ margin-top:0;}
.news1_pic{ float:left; position:relative; width:300px; height:200px;}
.news1_p{ float:left; width:610px; line-height:200px; margin-left:50px;}
.news1_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.news1_t1{ font-size:20px;}
.news1_t1 a{ color:#333;}
.news1_t1 a:hover{ color:#e21916;}
.news1_t2{ font-size:15px; color:#666; line-height:2em; padding-top:1em;}
.news1_d{ float:right; position:relative; width:200px; line-height:200px; font-size:20px; color:#999; text-align:center;}
.news1_d::after{ content:''; position:absolute; background:#eee; width:1px; height:120px; left:0; top:50%; margin-top:-60px;}
.news2_bg .news1{ background:#f8f8f8; margin-top:20px;}
.news2_bg .news1:nth-child(1){ margin-top:0;}
/*1200*/
@media (max-width:1279px){
.news1_p{ width:550px; margin-left:35px;}
}
/*992*/
@media (max-width:1199px){
.news1_p{ width:330px;}
.news1_t2{ display:none;}
}
/*m*/
@media (max-width:991px){
.news{ padding:5vw 0;}
.news1{ margin-top:3vw;}
.news1_pic{ width:47vw; height:31vw;}
.news1_p{ width:44vw; line-height:normal; margin-left:3vw; margin-top:13vw;}
.news1_t1{ font-size:3.5vw;}
.news1_d{ position:absolute; width:44vw; line-height:normal; font-size:2.75vw; text-align:left; left:50vw; margin-left:3vw; margin-top:9vw;}
.news1_d::after{ display:none;}
.news2_bg .news1{ margin-top:3vw;}
}

.foot{ padding:45px 0 40px; background:url(../img/foot_bg.jpg) center no-repeat; background-size:cover;}
.f1{ display:inline-block; vertical-align:middle;}
.f2{ display:inline-block; vertical-align:middle; text-align:center;}
.f3{ display:inline-block; vertical-align:middle;}
.f1_t1{ font-size:18px; color:#e21916;}
.f1_t2{ font-size:15px; color:#fff; line-height:1.6em; padding-top:1em;}
.f1_t2 a{ color:#fff;}
.f1_t2 a:hover{ color:#e21916;}
.f2_t1{ width:120px; margin:0 auto;}
.f2_t2{ font-size:15px; color:#ffec04; padding-top:0.5em;}
.code{ text-align:center;}
.code1{ display:inline-block; vertical-align:middle;margin-left: 35px;}
.code2{ display:inline-block; vertical-align:middle; font-size:14px; color:#fff; padding: 10px 5px;}
.f3_t1{ font-size:15px; color:#fff; padding-left:35px;}
.f3_t1 a{ color:#fff;}
.f3_t1 a:hover{ color:#e21916;}
/*992*/
@media (max-width:1199px){
.f2{ display:none;}
}
/*m*/
@media (max-width:991px){
.foot{ padding:4vw 0;}
.f1{ display:none;}
.f3{ width:100%; text-align:center;}
.code{ display:none;}
.f3_t1{ font-size:3vw; padding-top:0;}
}

.position{ height:80px; background:#eee;}
.pos1{ float:left; color:#666; line-height:80px; font-size:15px; background:url(../img/pos.png) left center no-repeat; padding-left:22px;}
.pos1 a{ color:#666;}
.pos1 a:hover{ color:#e21916;}
.pos2{ float:right; font-size:0;}
.pos2 a{ display:inline-block; position:relative; line-height:80px; font-size:16px; color:#666; padding:0 30px; margin-left:2px;}
.pos2 a::after{ content:''; position:absolute; width:100%; height:3px; left:0; top:0; -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.pos2 a:hover{ background:#fff; color:#e21916;}
.pos2 a:hover::after{ background:#e21916;}
.cur1{ background:#fff; color:#e21916 !important;}
.cur1::after{ background:#e21916;}
/*992*/
@media (max-width:1199px){
.pos1{ display:none;}
.pos2{ width:100%; text-align:left;}
}
/*m*/
@media (max-width:991px){
.position{ height:auto;}
.pos2{ float:none; width:100%; text-align:left;}
.pos2 a{ float:left; display:block; width:33.33333%; height:10vw; line-height:10vw; font-size:3.5vw; text-align:center; padding:0; margin-left:0;}
.pos2 a::after{ height:0.5vw;}
}

.content{ padding:60px 0;}
.desc{ font-size:15px; color:#666; line-height:2em;}
.desc a{ color:#666;}
.desc a:hover{ color:#e21916;}
.about_t{ font-size:24px; color:#e21916; padding-bottom:1em;}
.equ1_bg{ margin-top:40px;}
.equ1{ float:left; width:285px; color:#666; margin-right:20px; margin-top:20px;}
.equ1:nth-child(4n){ margin-right:0;}
.equ1:nth-child(1),.equ1:nth-child(2),.equ1:nth-child(3),.equ1:nth-child(4){ margin-top:0;}
.equ1_pic{ position:relative; width:100%; height:200px;}
.equ1 p{ text-align:center; font-size:15px; padding-top:5px;}
/*1200*/
@media (max-width:1279px){
.equ1{ width:262.5px;}
.equ1_pic{ height:184px;}
}
/*992*/
@media (max-width:1199px){
.equ1{ width:210px;}
.equ1_pic{ height:147px;}
}
/*m*/
@media (max-width:991px){
.content{ padding:5vw 0;}
.desc{ font-size:3vw;}
.about_t{ font-size:4vw;}
.equ1_bg{ margin-top:5vw;}
.equ1{ width:46vw; margin-right:2vw; margin-top:3vw;}
.equ1_pic{ height:32vw;}
.equ1:nth-child(2n){ margin-right:0;}
.equ1:nth-child(3),.equ1:nth-child(4){ margin-top:3vw;}
.equ1 p{ font-size:3vw; padding-top:1.2vw;}
}

.map{ float:left;}
.contact{ float:right; width:500px; line-height:600px;}
.contact > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.con_t1{ font-size:24px; color:#e21916; padding-bottom:1em;}
/*1200*/
@media (max-width:1279px){
.contact{ width:460px;}
}
/*992*/
@media (max-width:1199px){
.my-map{ width:450px !important;}
.contact{ width:400px;}
}
/*m*/
@media (max-width:991px){
.my-map{ width:94vw !important; height:60vw !important;}
.contact{ width:100%; line-height:normal; margin-top:4vw;}
.con_t1{ font-size:4vw; padding-bottom:2vw;}
}

.page{ font-size:14px; color:#bbb; margin-top:60px;}
.page a{ border:1px solid #ddd; color:#666; padding:3px 10px; margin:0 5px;}
.page a:hover{ background:#e21916; color:#fff;}
.page-num-current{ background:#e21916; color:#fff !important;}
/*m*/
@media (max-width:991px){
.page{ font-size:3vw; margin-top:5vw; margin-bottom:1vw;}
.page a{ padding:1vw 2vw; margin:0 1vw;}
.page-index,.page-last{ display:none;}
}

.news_t1{ text-align:center; font-size:24px; color:#333;}
.news_t2{ text-align:center; font-size:15px; color:#999; border-bottom:1px solid #ddd; padding:0.5em 0 2em; margin-bottom:30px;}
/*m*/
@media (max-width:991px){
.news_t1{ font-size:4vw;}
.news_t2{ font-size:3vw; padding-bottom:3vw; margin-bottom:2vw;}
}

.pro_pic{ float:left; position:relative; width:598px; height:598px; border:1px solid #ddd;}
.pro_p{ float:right; width:500px; line-height:600px;}
.pro_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.pro_t1{ font-size:24px; color:#e21916; border-bottom:1px solid #ddd; padding-bottom:1em; margin-bottom:25px;}
.pro_left{ float:left; width:600px;}
.pro_pic1{ position:relative; width:600px; height:600px;}
.pro_pic1 div{ position:absolute; left:0; top:0; width:598px; height:598px; border:1px solid #ddd;}
.pro_pic1 .act3{ z-index:2;}
.pro_pic2{ margin-top:15px;}
.pro_pic2 div{ float:left; position:relative; width:106px; height:106px; border:1px solid #ddd; margin-right:15px;}
.pro_pic2 div:nth-child(5){ margin-right:0;}
.pro_pic2 .act3{ border-color:#e21916;}
/*1200*/
@media (max-width:1279px){
.pro_p{ width:460px;}
}
/*992*/
@media (max-width:1199px){
.pro_p{ width:400px; line-height:450px;}
.pro_left{ width:450px;}
.pro_pic1{ width:450px; height:450px;}
.pro_pic1 div{ width:448px; height:448px;}
.pro_pic2 div{ width:76px; height:76px;}
}
/*m*/
@media (max-width:991px){
.pro_left{ width:94vw;}
.pro_pic1{ width:94vw; height:94vw;}
.pro_pic1 div{ width:-moz-calc(94vw - 2px); width:-ms-calc(94vw - 2px); width:-webkit-calc(94vw - 2px); width:calc(94vw - 2px); height:-moz-calc(94vw - 2px); height:-ms-calc(94vw - 2px); height:-webkit-calc(94vw - 2px); height:calc(94vw - 2px);}
.pro_pic2{ margin-top:2vw;}
.pro_pic2 div{ width:-moz-calc(17.2vw - 2px); width:-ms-calc(17.2vw - 2px); width:-webkit-calc(17.2vw - 2px); width:calc(17.2vw - 2px); height:-moz-calc(17.2vw - 2px); height:-ms-calc(17.2vw - 2px); height:-webkit-calc(17.2vw - 2px); height:calc(17.2vw - 2px); margin-right:2vw;}
.pro_p{ width:100%; line-height:normal; margin-top:4vw;}
.pro_t1{ font-size:4vw; padding-bottom:2vw; margin-bottom:2vw;}
}

.pro3_bg{}
.pro3{ position:relative; margin-top:40px;}
.pro3:nth-child(1){ margin-top:0;}
.pro3_pic{ float:left; width:500px; font-size:0;}
.pro3_p{ position:absolute; width:650px; right:0; top:50%; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.pro3_t1{ font-size:24px; color:#e21916; padding-bottom:1em;}
.pro3:nth-child(2n) .pro3_pic{ float:right;}
.pro3:nth-child(2n) .pro3_p{ right:auto; left:0;}
/*1200*/
@media (max-width:1279px){
.pro3_pic{ width:455px;}
.pro3_p{ width:625px;}
}
/*992*/
@media (max-width:1199px){
.pro3_pic{ width:420px;}
.pro3_p{ width:450px;}
}
/*m*/
@media (max-width:991px){
.pro3{ margin-top:4vw;}
.pro3_pic{ width:100%; margin-bottom:2vw;}
.pro3_p{ width:100%; position:relative; right:auto; top:auto; transform:none;}
.pro3_t1{ font-size:4vw; padding-bottom:1vw;}
}

.tec1_bg{}
.tec1{ position:relative; width:470px; border:2px dashed #ddd; -moz-border-radius:15px; -ms-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; padding:30px; margin-top:150px;}
.tec1::after{ content:''; position:absolute; width:20px; height:20px; -moz-border-radius:50%; -ms-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background:#e21916; outline:5px solid #fff; top:0; margin-top:145px;}
.tec1:nth-child(2n-1)::after{ right:0; margin-right:-78px;}
.tec1:nth-child(2n)::after{ left:0; margin-left:-78px;}
.tec1::before{ content:''; position:absolute; width:2px; height:150%; background:#ddd; top:0; margin-top:145px;}
.tec1:nth-child(2n-1)::before{ right:0; margin-right:-69px;}
.tec1:nth-child(2n)::before{ left:0; margin-left:-69px;}
.tec1:nth-last-child(2)::before{ height:50%; background:#fff;}
.tec1:nth-last-child(3)::before{ height:0;}
.tec1:nth-child(2n-1){ float:left;}
.tec1:nth-child(2n){ float:right;}
.tec1:nth-child(1){ margin-top:0;}
.tec1_pic{ position:relative; z-index:2; width:470px; height:253px;}
.tec1_pic::before{ content:''; position:absolute; width:30px; height:30px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); background:#fff; top:50%; margin-top:-17px;}
.tec1:nth-child(2n-1) .tec1_pic::before{ border-top:2px dashed #ddd; border-right:2px dashed #ddd; right:0; margin-right:-47px;}
.tec1:nth-child(2n) .tec1_pic::before{ border-bottom:2px dashed #ddd; border-left:2px dashed #ddd; left:0; margin-left:-47px;}
.tec1_t1{ position:relative; z-index:2; font-size:24px; color:#e21916; padding:0.6em 0 0.3em;}
.tec1 .desc{ position:relative; z-index:2;}
/*1200*/
@media (max-width:1279px){
.tec1{ width:440px;}
.tec1::after{ margin-top:137px;}
.tec1:nth-child(2n-1)::after{ margin-right:-63px;}
.tec1:nth-child(2n)::after{ margin-left:-63px;}
.tec1::before{ margin-top:137px;}
.tec1:nth-child(2n-1)::before{ margin-right:-54px;}
.tec1:nth-child(2n)::before{ margin-left:-54px;}
.tec1_pic{ width:440px; height:237px;}
}
/*992*/
@media (max-width:1199px){
.tec1{ width:340px;}
.tec1::after{ margin-top:111px;}
.tec1:nth-child(2n-1)::after{ margin-right:-58px;}
.tec1:nth-child(2n)::after{ margin-left:-58px;}
.tec1::before{ margin-top:111px;}
.tec1:nth-child(2n-1)::before{ margin-right:-49px;}
.tec1:nth-child(2n)::before{ margin-left:-49px;}
.tec1_pic{ width:340px; height:183px;}
}
/*m*/
@media (max-width:991px){
.tec1{ width:-moz-calc(88vw - 2px); width:-ms-calc(88vw - 2px); width:-webkit-calc(88vw - 2px); width:calc(88vw - 2px); border-width:1px; padding:3vw; margin-top:4vw;}
.tec1::after{ display:none;}
.tec1::before{ display:none;}
.tec1_pic{ width:-moz-calc(88vw - 2px); width:-ms-calc(88vw - 2px); width:-webkit-calc(88vw - 2px); width:calc(88vw - 2px); height:46vw;}
.tec1_pic::before{ display:none;}
.tec1_t1{ font-size:4vw;}
}

.news3{ float:left; position:relative; width:500px; height:385px;}
.news3 .slides{ position:relative; width:100%; height:100%;overflow: hidden;}
.news3 .slides li{ position:relative; width:100%; height:100%;}
.news3 .slides li a{ position:relative; z-index:2; display:block; width:100%; height:100%;}
.news3 .slides li a p{ position:absolute; bottom:0; width:476px; height:55px; line-height:55px; color:#fff; font-size:15px; overflow:hidden; background:rgba(0,0,0,.5); padding:0 12px;}
.news3 .flex-direction-nav{ position:absolute; width:100%; height:100%; top:0; left:50%; margin-left:-250px;}
.news3 .flex-direction-nav a{ position:absolute; z-index:2; display:block; width:35px; height:50px; top:50%; margin-top:-25px;}
.news3 .flex-prev,.news3 .flex-next{ -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
.news3 .flex-prev{opacity: 0.8; filter: alpha(opacity=25); background:url(../img/ban_left.png) center no-repeat; background-size:contain; left:1%;}
.news3 .flex-next{opacity: 0.8; filter: alpha(opacity=25); background:url(../img/ban_right.png) center no-repeat; background-size:contain; right:1%;}
.news3 .flex-next:hover,.news3 .flex-prev:hover{opacity: 1; filter: alpha(opacity=50);}
.news3 .flex-control-nav { position: absolute; width:100%; bottom: 18px; text-align:right;}
.news3 .flex-control-nav li {margin: 0 1px; display:inline-block; zoom: 1; *display: inline;}
.news3 .flex-control-nav li:nth-last-child(1){ margin-right:12px;}
.news3 .flex-control-paging li a { position:relative; z-index:2; display:inline-block; height:8px; overflow: hidden; text-indent: -99em; width:8px; cursor: pointer; border-radius:50%; background:none; border:1px solid #ddd;}
.news3 .flex-control-paging li a.flex-active,.news3 .flex-control-paging li.active a { background:#e21916; border-color:#e21916;}
.news3 .slides a img {width: 100%; display: block;}
/*1200*/
@media (max-width:1279px){
.news3{ width:455px;}
.news3 .slides li a p{ width:431px;}
.news3 .flex-direction-nav{ margin-left:-227.5px;}
}
/*992*/
@media (max-width:1199px){
.news3{ width:420px;}
.news3 .slides li a p{ width:396px;}
.news3 .flex-direction-nav{ margin-left:-210px;}
}
/*m*/
@media (max-width:991px){
.news3{ width:100%; height:60vw;}
.news3 .slides li a p{ width:88vw; height:10vw; line-height:10vw; padding:0 3vw; font-size:3.5vw;}
.news3 .flex-direction-nav{ margin-left:-47vw;}
.news3 .flex-direction-nav a{ width:8vw; height:8vw; margin-top:-4vw;}
.news3 .flex-control-nav{ bottom:-moz-calc(4vw - 2px); bottom:-ms-calc(4vw - 2px); bottom:-webkit-calc(4vw - 2px); bottom:calc(4vw - 2px);}
.news3 .flex-control-paging li a{ width:4px; height:4px;}
}

/* 修改 1 */


.news4_bg{ float:right; width:669px;}
/* 修改 */
.news4_nav{ font-size:0;display: flex;}
.news4_nav a{ display:inline-block; width:223px; height:51px; line-height:51px; font-size:17px; text-align:center; background:#eee; color:#333;}
.act{ background:#e21916 !important; color:#fff !important;}
.news5_bg{ display:none; position:absolute; width:629px; background:#fff; padding:20px; padding-bottom:0;}
.news5{ margin-bottom:20px;}
.news5_pic{ float:left; position:relative; width:200px; height:130px;}
.news5_p{ float:right; width:410px; line-height:130px;}
.news5_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.news5_t1{ font-size:17px;}
.news5_t1 a{ color:#333;}
.news5_t1 a:hover{ color:#e21916;}
.news5 .desc{ line-height:24px; height:48px; overflow:hidden; padding:0.8em 0;}
.news5_t2{ font-size:14px; color:#999;}
.news6{ height:40px; line-height:40px; overflow:hidden; border-top:1px dashed #eee;}
.news6_t1{ float:left; font-size:15px; width:500px; overflow:hidden;}
.news6_t1 a{ color:#666;}
.news6_t1 a:hover{ color:#e21916;}
.news6_t2{ float:right; font-size:14px; color:#999;}
.act2{ display:block;}
/*1200*/
@media (max-width:1279px){
.news4_bg{ width:624px;}
.news4_nav a{ width:208px;}
.news5_bg{ width:584px;}
.news5_pic{ width:180px;}
.news5_p{ width:388px;}
.news6_t1{ width:450px;}
}
/*992*/
@media (max-width:1199px){
.news4_bg{ width:450px;}
.news4_nav a{ width:150px;}
.news5_bg{ width:410px;}
.news5_p{ width:215px;}
.news5 .desc{ display:none;}
.news5_t2{ padding-top:0.8em;}
.news6_t1{ width:300px;}
}
/*m*/
@media (max-width:991px){
.news4_bg{ width:100%; height:77.5vw; margin-top:3vw;}
.news4_nav a{ width:31.33333vw; height:9vw; line-height:9vw; font-size:3.5vw;}
.news5_bg{ width:88vw; padding:3vw; padding-bottom:0;}
.news5{ margin-bottom:3vw;}
.news5_pic{ width:44vw; height:29vw;}
.news5_p{ width:41vw; line-height:29vw;}
.news5_t1{ font-size:3.5vw;}
.news5_t2{ font-size:2.75vw;}
.news6{ height:8vw; line-height:8vw;}
.news6_t1{ width:88vw; font-size:3vw; width:80%;}
.news6_t2{ font-size:2.75vw;}
}




/* red #e21916 */
/* dark-red #9b110f */
/* yellow #ffec04 */
/* 修改一 */
.jieshao{ padding:60px 0; background:url(../img/news_bg.jpg) center no-repeat; background-size:cover;}
.jieshao_bg{
	display: flex;
	min-height: 450px;
}
.jieshao_con{
	width: 400px;
}
.con_img{
	width: 400px;
	height: 346px;
	overflow: hidden;
}
.con_img img{
	width: 100%;
}
.con_con{
	padding: 25px 40px;
	text-align: center;
	background-color: #EEEEEE;
	line-height: 25px;
	min-height: 75px;
}
/*1200*/
@media (max-width:1279px){
	.jieshao_con{
		width: 370px;
	}
.con_img{
	width: 370px;
	height: 320px;
	overflow: hidden;
}


}
/*992*/
@media (max-width:1199px){
	.jieshao_con{
		width: 300px;
	}
.con_img{
	width: 300px;
	height: 260px;
	overflow: hidden;
}

}
/*m*/
@media (max-width:991px){
.jieshao_bg{
	display: flex;
	flex-direction: column;
	min-height: 450px;
}
.jieshao_con{
	width: 100%;
}
.con_img{
	width: 100%;
	height: 300px;
	overflow: hidden;
}

}


/* 修改二 */
.product1{
	 padding:60px 0;
	 width: 100%;
}
.product1_bg{
	width: 100%;
	height: 700px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.product1_con{
	position: relative;
	width: 49.3%;
	height: 330px;
	/* border: 1px solid #333333; */
	overflow: hidden;
	background-size: cover;
}
.product1_con img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
}
.yy{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	transition: all .3s;
}
.product1_con:hover .yy{
	background-color: rgba(0,0,0,0.1);
}
.product1_con p{
	position: absolute;
	top: 48%;
	left: 42%;
	padding: 8px 20px;
	color: #FFFFFF;
	font-size: 18px;
	transition: all .3s;
}
.product1_con:hover p{
	top: 28%;
	/* background-color: #FFFFFF; */
	/* color: #333333; */
}
.product1_con a{
	position: absolute;
	top: 100%;
	left: 42%;
	padding: 8px 67px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}
.product1_con:hover a{
	top: 70%;
	background-color: #FFFFFF;
	color: #333333;
}
/*1200*/
@media (max-width:1279px){

}
/*992*/
@media (max-width:1199px){

}
/*m*/
@media (max-width:991px){
.product1_bg{
	width: 94%;
	height: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: column;
}
.product1_con{
	width: 96%;
	margin: 10px 20px;
}
.product1_con p{
	position: absolute;
	top: 20%;
	left: 20%;
	/* padding: 8px 20px; */
	color: #FFFFFF;
}
.product1_con a{
	position: absolute;
	top: 40%;
	left: 33%;
	padding: 8px 20px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}

}

/* 修改三 */
.about_index{
	 padding:60px 0;
	 width: 100%;
	  background:url(../img/advan_bg.jpg) center no-repeat; 
	  background-size:cover;
}
.about_bg{
	width: 100%;
	height: 450px;
	background-color: #FFFFFF;
}
.about_left{
	float: left;
	margin: 35px 0 0 35px;
}
.about_left img{
	width: 100%;
}
.about_right{
	position: relative;
	margin-top: 35px;
	padding-right: 35px;
	float: right;
	width: 610px;
	height: 380px;
}
.about_right .p1{
	font-size: 25px;
	padding-bottom: 25px;
}
.about_right a{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 8px 25px;
	color: #333333;
	border: 1px solid #666666;
}
.about_right a:hover{
	border: none;
	color: #FFFFFF;
	background-color: #E21916;
}
/*1200*/
@media (max-width:1279px){
.about_left{
	width: 300px;
	margin: 30px 0 0 10px;
}
.about_right{
	width: 500px;
	margin-top: 30px;
}

}
/*992*/
@media (max-width:1199px){

}
/*m*/
@media (max-width:991px){
.about_bg{
	height: 520px;
}
.about_left{
	display: none;
}
.about_right{
	text-align: center;
	width: 90%;
	height: 487px;
	padding-right: 18px;
}
.about_right a{
	display: block;
	padding: 8px 25px;
	color: #333333;
	border: 1px solid #666666;
}

}